<template>
    <div class="hello">
      <h1>当前求和为:{{ sum }}</h1>
      <h2>乘以10之后就是:{{bigSum}}</h2>
      <!-- 有一点别忘了，就是使用了mapActions、mapMutations后，事件绑定的方法要传参 -->
      <button @click="add(1)">+</button>
      <button @click='addWait(1)'>延迟+</button>
      <button @click="REDUCE(1)">-</button>
    </div>
  </template>
  
  <script>
  import { mapGetters,mapState } from 'vuex'
  import { mapMutations,mapActions } from 'vuex'
  export default {
    name: 'P113',
    data(){
      return {
        
      }
    },
    computed:{
      ...mapGetters(['bigSum']),
      ...mapState(['sum'])
    },
    methods:{
        // 这两老几的原理是一样的，讲解可以参考同目录下的P112.vue
        ...mapActions(['add','addWait']),
        ...mapMutations(['ADD','REDUCE']),
    }
  }
  </script>
  